微信小程序textarea

2024-09-28 14:59:09 30 Admin
企业高端网站制作

 

 

在 JS 文件中:

 

Page({

data: {

count: 0

 

textValue: ''

}

 

input: function(e) {

let value = e.detail.value;

let len = value.length;

 

if (len > 1000) {

this.setData({

textValue: value.slice(0

1000)

 

count: 1000

});

} else {

this.setData({

textValue: value

 

count: len

});

}

}

})

 

在 WXML 文件中,使用bindinput绑定一个input事件,当用户输入内容时触发。在input事件的回调函数中,我们利用e.detail.value获取用户输入的内容,然后用value.length获取输入内容的长度。

 

接着,我们对输入内容的长度进行判断,如果超过1000个字,则使用slice方法截取前1000个字,并更新data中的textValue和count的值。如果未超过1000个字,则直接更新data中的textValue和count的值。

 

*,在WXML文件中,使用{{textValue}}和{{count}}将textValue和count的值渲染到页面上,用来展示用户的输入内容和输入字数。

 

这样,就实现了在微信小程序 textarea 中写1000字的功能。

Copyright © 悉地网 2018-2024.All right reserved.Powered by XIDICMS 备案号:苏ICP备18070416号-1